import { Component, OnInit } from '@angular/core';

/*
  编程式导航：
    使用js跳转
    要先引入 Router 模块
    如果要进行get传值跳转，还需引入 NavigationExtras 模块
*/
import {Router, NavigationExtras} from '@angular/router'

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.scss']
})
export class ProductComponent implements OnInit {

  constructor(public router: Router) { }

  ngOnInit(): void {
  }

  getProductDetail() {
    // 使用 navigate 进行动态路由跳转，（普通路由也可以用）
    this.router.navigate(['/product-detail', '1'])
    // this.router.navigate(['/product-detail'])
  }

  goNews() {
    // let queryParams = {                     // 不加类型指定也行， 加了更标准些
    let queryParams: NavigationExtras = {
      queryParams: {pid: '123'}
    } 

    this.router.navigate(['/news'], queryParams)
  }

}
